@mixin flex-custom($justifyContent: center, $alignItems: center, $row: row, $wrap: no-wrap) {
  display: flex;
  flex-direction: $row;
  justify-content: $justifyContent;
  align-items: $alignItems;
  flex-wrap: $wrap;
}

// 单行文本溢出隐藏
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipsis_flex {
  @extend .ellipsis;
  min-width: 0;
}
@mixin ellipsis_1($width) {
  @extend .ellipsis;
  width: $width;
}

@mixin ellipsis_n($line) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: $line;
  -webkit-box-orient: vertical;
}

/*1px边框*/
@mixin border-1px($color: $border-color,$direction:top,$style:solid) {
  position: relative;
  &:after {
    position: absolute;
    box-sizing: border-box;
    content: ' ';
    pointer-events: none;
    @if $direction == top {
      border-bottom: 1px $style $color;
      right: 0;
      left: 0;
      top: 0;
      transform: scaleY(0.5);
    } @else if $direction == bottom {
      border-bottom: 1px $style $color;
      right: 0;
      left: 0;
      bottom: 0;
      transform: scaleY(0.5);
    } @else if $direction == left {
      border-left: 1px $style $color;
      left: 0;
      top: 0;
      bottom: 0;
      transform: scaleX(0.5);
    } @else if $direction == right {
      border-left: 1px $style $color;
      right: 0;
      top: 0;
      bottom: 0;
      transform: scaleX(0.5);
    }

  }
}